<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    .main div:nth-child(1){
        width:100%;
        height:50px;
        margin:0 auto;
        border:1px solid red;
    }
    .center{
        width:100%;
        margin:0 auto;
    }
    footer{
        border:1px solid red;
        text-align:center;
    }
    .center div:nth-child(2){
        float:left;

        width:49%;
        border:2px solid black;
    }
    .center div:nth-child(1){
        float:left;
        height:500px;
        width:49%;
        border:2px solid black;
    }
    .center div:nth-child(2){
        float:right;
        width:49%;
        height:500px;
        border:2px solid black;
    }
    ul li{
        float:left;
        margin:0px 15px;
        list-style:none;
    }

</style>
<body>
<div class="main">
    <div class="top">
        <ul>
            <li>首页</li>
            <li>联系我们</li>
            <li>关注我们</li>
            <li>详情页面</li>
        </ul>
    </div>
    <div class="center">
        <div>
            <input type="value" list="userlist" name="weblink">
            <datalist id="userlist">
                <option lable="百度" value="https://www.baidu.com/"></option>
                <option lable="百度" value="https://www.baidu.com/"></option>
                <option lable="百度" value="https://www.baidu.com/"></option>
            </datalist>
        </div>
        <div>right</div>
    </div>
    <div class="center">
        <div>left</div>
        <div>right</div>
    </div>
    <footer>bottom</footer>
</div>
<script>
   /* var num=parseInt(prompt('请输入一个数字'))
    alert(typeof num);
    var numA=2;
    document.write('dabendan');
    console.log(numA.toString(8));
    console.log(numA.toString(2));
    console.log(eval(numA+2));


    for(var i=0;i<=100;i++){
        console.log(i);
        if(i%3==0&&i%5==0){
            continue;
        }
        console.log("ok");
    }

    */
/*   while(true){
       var num = parseInt(prompt('请输入加的油型号'));
       if(num == 92|| num == 97){
           break;
       }
   }
   while(true){
       var snum = parseInt(prompt('请输入加了多少升油'))
       if(snum > 0){
           break;
       }
   }
   var money = 0;
   if(num == 92){
       if(snum >= 20){
           money = snum * 5.9;
       }else{
           money = snum * 6;
       }
   }else{
       if(snum >= 30){
           money = snum * 6.95;
       }else{
           money = snum * 7;
       }
   }
   console.log(money);*/


  /* var month = parseInt( prompt('请输入月份' ) );
   var day = parseInt( prompt('请输入日期' ) );
   var total=0;
   switch(month){
       case 12: total+=31;
       case 11: total+=30;
       case 10: total+=31;
       case 9:  total+=30;
       case 8:  total+=31;
       case 7:  total+=31;
       case 6:  total+=30;
       case 5:  total+=31;
       case 4:  total+=30;
       case 3:  total+=31;
       case 2:
          var y = new Date().getFullYear();
          console.log(y);
          if(y%400==0 || y%4==0){
              console.log('闰年')
              total+=29;
          }else{
              total+=28;
              console.log('平年')
          }
       case 1: total+=day;
   }
   console.log(total);

   */
  //打印1000-2020年之间的瑞年四个味一行排列
/*  var num=1;
  var leng='';
  for(var i=1000; i<=2020;i++){
      if(i%400==0 ||  i%4==0){
          leng+=i+' ';
          if(num%4==0){
              console.log(leng);
              leng='';
          }
          num++;
      }
  }*/
 /*8 18 188 1888*/
//随意输入一个正整数判断它是几位
   /* var num=parseInt(prompt('请输入一个正整数'));
    var sum=1;
    while(true){
        if(num/10 >= 1){
          num=num/10;
          sum++;
        }
        if(num/10<1){
            break;
        }
    }
    console.log(sum);
*/

   //用户输入m-n之间的数（大的代表n小的代表m）输出奇数和，偶数和，奇数个数，偶数个数
/*    var numA=parseInt(prompt('请输入第一个数'));
    var numB=parseInt(prompt('请输入第二个数'));
    var m=0;
    var n=0;
    var osum=0;
    var jsum=0;
    var ocount=0;
    var jcount=0;

    if(numA>numB){
        n=numA;
        m=numB
    }else{
        m=numA;
        n=numB;
    }
    for(var i=m;i<=n;i++){
       if(i%2==0){
           ocount++;
           osum+=i;
       }else{
           jcount++;
           jsum+=i;
       }
    };
    console.log("奇数和"+jsum);
   console.log("偶数和"+osum);
   console.log("奇数个数"+jcount);
   console.log("偶数个数"+ocount);*/
//一个员工工资10K每年涨幅5%请问8年后涨多少
  /* var money=10000;
   var addmoney=0;
    for(var i=1;i<=8;i++){
        console.log(money);
        addmoney=money*0.05;
        money=addmoney+money;
        console.log(addmoney);
    }
    console.log("八年后涨了"+money);*/
//打印乘法口诀表
 /*  var leng='';
    for(var i=1;i<=9;i++){
        for(var j=1;j<=i;j++){
            leng+=j+'*'+i+'     ';
        }
        console.log(leng);
        leng='';
    }*/
 //打印如下形状
  /*
    *
   ***
  *****
 *******
 */
  /*打印若干行 每行打印空格和星星*/
  /* 行数   空格   星星
   1      3     1
   2      2     3
   3       1     5
   4       0     7
   n      4-n    2*n-1*/
 /* var a=''
  for(var i=1;i<=4;i++){
      //先打印若干空格
      for( var j=1;j<=4-i;j++){
          a+=' ';
      }
      //输出若干星星
      for( var h=1;h<=2*i-1;h++){
          a+='*'
      }
      console.log(a);
      a='';

  }*/

   /*
    *
    **
    ***
    ****
    *****
    */
 /*  var a='';
   for(var i=1;i<=5;i++){
       for(var j=1;j<=i;j++){
           a+='*';
       }
       console.log(a);
       a='';
   }

*/
   /*
     *
    ***
   *****
  *******
   *****
    ***
     *
  */
   /*打印若干行 每行打印空格和星星*/
   /* 行数   空格   星星
    1      3     1
    2      2     3
    3       1     5
    4       0     7
    n      4-n    2*n-1*/
/*
   5       1      5
   6       2      3
   7       3      1
   n       n-4

    var a=''
    for(var i=1;i<=7;i++){
        //先打印若干空格
        for( var j=1;j<=4-i;j++){
            a+=' ';
        }
        //输出若干星星
        for( var h=1;h<=2*i-1;h++){
            a+='*'
        }
        //打印空格
        //打印星星
        for( var p=1; p)
        console.log(a);
        a='';

    }*/

//函数
   /*getsum(0,10)
    function getsum(a,b){
        console.log(arguments);//函数的内置对象
        return a+b;//return一旦执行后面的代码则不会执行
        console.log('over');//废话
    }
   var res=getsum(40,30)
    console.log(res);
   */
   //求100以内的偶数和
 /*  function evenSum(num){
       if(num == 2){
           return 2;
       }else{
          return num+evenSum(num-2)
       }`
   }
   console.log(evenSum(100))*/
    //联系斐波拉契数列
// 对象
    /*基本数据类型*/
    /*boolean  Number String Undefind(没有赋值的) Null(什么都不指向) Symbol*/
    /*引用数据类型*/
    /*数组，函数，对象，日期等*/ /*Object*/
//冒泡排序
   //第一轮排序 //总共排序5次最大的数沉底
 /*  2 10 3 11 -2 9
   2 3 10 11 -2 9
   2 3 10 11 -2 9
   2 3 10 -2 11 9
   2 3 10 -2 9  11
   //第二轮排序  //总共排序五次第二个大的数沉底
   2 3 10 -2 9 11
   2 3 10 -2 9 11
   2 3 -2 10 9 11
   2 3 -2 9 10 11
   2 3 -2 9 10 11*/




    let arr=[10,2,3,11,-2,9];
    for(var i=0;i<6;i++){
        for(var j=0;j<6-i;j++){
            if(arr[j]>arr[j+1]){
                //交换位置
                //拿出来两个比较的最大的值
                var temp = arr[j];
                /*第二个值跟第一个值对调位置*/
                arr[j]=arr[j+1];
                //第一个值给第二个值对调位置
                arr[j+1]=temp;
            }
            console.log(arr);
        }
    }
    console.log(arr);




</script>

</body>
</html>